﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPlus.Master" AutoEventWireup="true" CodeBehind="wbfrm_Bitacoras.aspx.cs" Inherits="FrontEndPlus.Módulos.Seguridad.wbfrm_Bitacoras" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <meta charset="utf8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link type="text/css" rel="stylesheet" href="../../App_Themes/CSS/Smoke.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
    <script type="text/javascript" src="../../JS/Smoke.js"></script>
    <script type="text/javascript" src="../../JS/Smoke.min.js"></script>

    <title>Bitacoras</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
    $(function () {
        $("[id$=txt_Fecha_Inicial]").datepicker({
            dateFormat: 'dd-mm-yy',
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '../../App_Themes/Resources/icon-calendar.gif'
        });
    });
    $(function () {
        $("[id$=txt_Fecha_Final]").datepicker({
            dateFormat: 'dd-mm-yy',
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '../../App_Themes/Resources/icon-calendar.gif'
        });
    });
    </script>

    <style type="text/css">
        /* A scrolable div */
        .GridViewContainer
        {         
            overflow: auto;
        }
        /* to freeze column cells and its respecitve header*/
        .FrozenCell
        {
            background-color:Gray;
            position: relative;
            cursor: default;
            left: expression(document.getElementById("GridViewContainer").scrollLeft-2);
        }
        /* for freezing column header*/
        .FrozenHeader
        {
         background-color:Gray;
            position: relative;
            cursor: default;          
            top: expression(document.getElementById("GridViewContainer").scrollTop-2);
            z-index: 10;
        }
        /*for the locked columns header to stay on top*/
        .FrozenHeader.locked
        {
            z-index: 99;
        }
      
    </style>

    <style type="text/css">
        
        .auto-style2 {
            width: 75%;
            height: 261px;
        }
        .auto-style3 {
            height: 123px;
        }
        .auto-style4 {            height: 32px;
        }
        .auto-style5 {
            height: 100px;
        }        
        .GridView {
            margin-right: 0px;
        }
        .auto-style6 {
            height: 100px;
            width: 402px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Image ID="Image2" runat="server" Height="193px" ImageUrl="~/App_Themes/Resources/bitacoras.png" Width="202px" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <asp:Panel ID="Panel1" runat="server" Height="848px" Width="1048px">
        <table class="auto-style2" border="1" >
            <tr>
                <td align="center" colspan="2" class="auto-style3">
                    <asp:Label ID="lbl_Titulo" runat="server" Font-Bold="True" Font-Size="X-Large" Text="Bitácora de operaciones"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style5">Usuario:&nbsp;&nbsp;&nbsp;
                    <asp:DropDownList ID="ddl_Usuarios" runat="server" Height="21px" Width="175px">
                    </asp:DropDownList>
                </td>
                <td class="auto-style6">Fechas Inicio:&nbsp;
                    <asp:TextBox id="txt_Fecha_Inicial" type="text" runat="server" Height="17px" Width="112px" ReadOnly = "true"></asp:TextBox>
                    <br />
                    <br />
                    &nbsp; Fecha Final:&nbsp;
                    <asp:TextBox id="txt_Fecha_Final"  type="text" runat="server" Height="17px" Width="112px" ReadOnly = "true"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td align="center" class="auto-style4" colspan="2">
                    <asp:Button ID="btn_Generar" runat="server" Text="Generar" OnClick="btn_Generar_Click"/>
                </td>
            </tr>
            <tr>
                <td align="left" class="auto-style4" colspan="2">
                    <div id="GridViewContainer" class="GridViewContainer" style="width:146%; height:500px; margin-top: 0px;">
                        <asp:GridView ID="dtg_Bitacoras" runat="server" CssClass="GridView" Height="462px" Width="62%">
                            <HeaderStyle CssClass="FrozenHeader" />
                        </asp:GridView>
                    </div>
                </td>
            </tr>
        </table><br/><br/>

      <%--  <asp:Panel ID="Panel2" runat="server" Height="490px" ScrollBars="Both" Width="116%">--%>
             
        <%--</asp:Panel>--%>
    </asp:Panel>
</asp:Content>
